{% if request.current_user.can_publish? %}

<style>
  code {color:red;background-color:#ccc; padding-left:2px;padding-right:2px;}
</style>

<ul>
  <h3>{{ site.name | capitalize }}</h3><br>
  <li><a href="{{ site.admin_dashboard_url }}" target="_blank">Dashboard</a></li>
  <li><a href="{{ site.admin_dashboard_url }}/signups" target="_blank">People</a></li> 
  <li><a href="{{ site.admin_dashboard_url }}/sites/{{ site.id }}" target="_blank">Website</a></li>
  <ul class="child-wrapper">
    <li><a href="{{ site.admin_dashboard_url }}/sites/{{ site.id }}/pages/new" target="_blank">+ New page</a></li> 
    <li><a href="{{ site.admin_dashboard_url }}/sites/{{ site.id }}/pages" target="_blank">Pages</a></li> 
    <li><a href="{{ site.admin_dashboard_url }}/sites/{{ site.id }}/pages/nav" target="_blank">Top nav</a></li>
    <li><a href="{{ site.admin_dashboard_url }}/sites/{{ site.id }}/buttons" target="_blank">Supporter nav</a></li>
    <li><a href="{{ site.admin_dashboard_url }}/sites/{{ site.id }}/tags/new" target="_blank">Tags</a></li>
    <li><a href="{{ site.admin_dashboard_url }}/sites/{{ site.id }}/comments" target="_blank">Comments</a></li>
    <li><a href="{{ site.admin_dashboard_url }}/sites/{{ site.id }}/social" target="_blank">Social</a></li>
    <li><a href="{{ site.admin_dashboard_url }}/sites/{{ site.id }}/seo" target="_blank">SEO</a></li>
    <li><a href="{{ site.admin_dashboard_url }}/sites/{{ site.id }}/edit" target="_blank">Site settings</a></li>
  </ul>
  <li><a href="{{ site.admin_dashboard_url }}/broadcasters/{{ site.broadcaster.id }}" target="_blank">Site Broadcaster</a></li>
</ul>

<div class="parent-wrapper">
  <h5>Sitemap:</h5>
  <ul id="primaryNav">
    {% for child in site.root_nav_pages %}
    {% if child.leaf? or child.nav_children.size == 0 %}
    <li>
      <a href="{{ child.url }}" target="_blank" title="{{ child.name }}" class="child1">{{ child.icon | icon }} {{ child.name }}</a>      
      | <a href="{{ child.admin_edit_url }}" title=" {{ child.name }}" target="_blank"><em><i class="icon-cog"></i></em></a>      
      | {% if child.children.size > 0 %}{{ child.children | size }}{% endif %}<a href="{{ child.admin_subpages_url }}" target="_blank"><em><i class="icon-angle-down"></i> </em></a>       
      | <a href="{{ child.admin_new_subpage_url }}" target="_blank"><i class="icon-plus-squared"></i></a>      
    </li>
    {% else %}
    <li>
      <a href="{{ child.url }}" target="_blank" class="parent child1">{{ child.icon | icon }} {{ child.name }}</a>      
      | <a href="{{ child.admin_edit_url }}" title=" {{ child.name }}" target="_blank"><em><i class="icon-cog"></i></em></a> 
      | {% if child.children.size > 0 %}{{ child.children | size }}{% endif %}<a href="{{ child.admin_subpages_url }}" target="_blank"><em><i class="icon-angle-down"></i> </em></a> 
      | <a href="{{ child.admin_new_subpage_url }}" target="_blank"><i class="icon-plus-squared"></i></a> 
      <div class="child-wrapper">
        <ul>
          {% for child in child.children limit:10 %}
          {% if child.leaf? or child.children.size == 0 %}
          <li>
            <a href="{{ child.url }}" target="_blank" class="child">{{ child.icon | icon }} {{ child.name }}</a>
            | <a href="{{ child.admin_edit_url }}" title=" {{ child.name }}" target="_blank"><em><i class="icon-cog"></i></em></a> 
            | {% if child.children.size > 0 %}{{ child.children | size }}{% endif %}<a href="{{ child.admin_subpages_url }}" target="_blank"><em><i class="icon-angle-down"></i> </em></a> 
            | <a href="{{ child.admin_new_subpage_url }}" target="_blank"><i class="icon-plus-squared"></i></a> 
          </li>
          {% else %}
          <li>
            <a href="{{ child.url }}" target="_blank" class="parent child2">{{ child.icon | icon }} {{ child.name }}</a>
            | <a href="{{ child.admin_edit_url }}" title=" {{ child.name }}" target="_blank"><em><i class="icon-cog"></i></em></a> 
            | {% if child.children.size > 0 %}{{ child.children | size }}{% endif %}<a href="{{ child.admin_subpages_url }}" target="_blank"><em><i class="icon-angle-down"></i> </em></a> 
            | <a href="{{ child.admin_new_subpage_url }}" target="_blank"><i class="icon-plus-squared"></i></a> 
            <div class="child-wrapper">
              <ul>
                {% for child in child.children limit:10 %}
                {% if child.leaf? or child.children.size == 0 %}
                <li>
                  <a href="{{ child.url }}" target="_blank" class="child">{{ child.icon | icon }} {{ child.name }}</a>
                  | <a href="{{ child.admin_edit_url }}" title=" {{ child.name }}" target="_blank"><em><i class="icon-cog"></i></em></a> 
                  | {% if child.children.size > 0 %}{{ child.children | size }}{% endif %}<a href="{{ child.admin_subpages_url }}" target="_blank"><em><i class="icon-angle-down"></i> </em></a> 
                  | <a href="{{ child.admin_new_subpage_url }}" target="_blank"><i class="icon-plus-squared"></i></a> 
                </li>
                {% else %}
                <li>
                  <a href="{{ child.url }}" target="_blank" class="parent child">{{ child.icon | icon }} {{ child.name }}</a>
                  | <a href="{{ child.admin_edit_url }}" title=" {{ child.name }}" target="_blank"><em><i class="icon-cog"></i></em></a> 
                  | {{ child.children | size }}<a href="{{ child.admin_subpages_url }}" target="_blank"><em><i class="icon-angle-down"></i> </em></a> 
                  | <a href="{{ child.admin_new_subpage_url }}" target="_blank"><i class="icon-plus-squared"></i></a>  
                  <div class="child-wrapper">
                    <ul>
                      {% for child in child.children limit:10 %}
                      {% if child.leaf? or child.children.size == 0 %}
                      <li>
                        <a href="{{ child.url }}" target="_blank" class="child">{{ child.icon | icon }}{{ child.name}}</a>
                        | <a href="{{ child.admin_edit_url }}" title=" {{ child.name }}" target="_blank"><em><i class="icon-cog"></i></em></a> 
                        | {% if child.children.size > 0 %}{{ child.children | size }}{% endif %}<a href="{{ child.admin_subpages_url }}" target="_blank"><em><i class="icon-angle-down"></i> </em></a> 
                        | <a href="{{ child.admin_new_subpage_url }}" target="_blank"><i class="icon-plus-squared"></i></a> 
                      </li>
                      {% else %}
                      <li>
                        <a href="{{ child.url }}" target="_blank" class="parent child">{{ child.icon | icon }} {{ child.name }}</a>
                        | <a href="{{ child.admin_edit_url }}" title=" {{ child.name }}" target="_blank"><em><i class="icon-cog"></i></em></a> 
                        | {% if child.children.size > 0 %}{{ child.children | size }}{% endif %}<a href="{{ child.admin_subpages_url }}" target="_blank"><em><i class="icon-angle-down"></i> </em></a> 
                        | <a href="{{ child.admin_new_subpage_url }}" target="_blank"><i class="icon-plus-squared"></i></a> 
                        <div class="child-wrapper">
                          <ul>
                            {% for child in child.children limit:10 %}
                            {% if child.leaf? or child.children.size == 0 %}
                            <li>
                              <a href="{{ child.url }}" target="_blank" class="child">{{ child.icon | icon }} {{ child.name }}</a>
                              | <a href="{{ child.admin_edit_url }}" title=" {{ child.name }}" target="_blank"><em><i class="icon-cog"></i></em></a> 
                              | {% if child.children.size > 0 %}{{ child.children | size }}{% endif %}<a href="{{ child.admin_subpages_url }}" target="_blank"><em><i class="icon-angle-down"></i> </em></a>
                              | <a href="{{ child.admin_new_subpage_url }}" target="_blank"><i class="icon-plus-squared"></i></a>
                              | {{ child.slug }}     
                            </li>
                            {% else %}
                            <li>
                              <a href="{{ child.url }}" target="_blank" class="parent child">{{ child.icon | icon }} {{ child.name }}</a>
                              | <a href="{{ child.admin_edit_url }}" title=" {{ child.name }}" target="_blank"><em><i class="icon-cog"></i></em></a> 
                              | {% if child.children.size > 0 %}{{ child.children | size }}{% endif %}<a href="{{ child.admin_subpages_url }}" target="_blank"><em><i class="icon-angle-down"></i> </em></a> 
                              | <a href="{{ child.admin_new_subpage_url }}" target="_blank"><i class="icon-plus-squared"></i></a> 
                              <div class="child-wrapper">
                                <ul>
                                  {% for child in child.children limit:10 %}
                                  <li>
                                    <a href="{{ child.url }}" target="_blank" class="child">{{ child.icon | icon }} {{ child.name }}</a>
                                    | <a href="{{ child.admin_edit_url }}" title=" {{ child.name }}" target="_blank"><em><i class="icon-cog"></i></em></a> 
                                  </li>
                                  {% endfor %}                                  
                                </ul>
                              </div>
                            </li>
                            {% endif %}
                            {% endfor %}                            
                          </ul>
                        </div>
                      </li>
                      {% endif %}
                      {% endfor %}
                    </ul>
                  </div>
                </li>
                {% endif %}
                {% endfor %}
              </ul>
            </div>
          </li>        
          {% endif %}
          {% endfor %}
        </ul>
      </div>
    </li>
    {% endif %}
    {% endfor %}
  </ul>
</div>

<hr>

<div class="row-fluid">
  <div class="span6">
    <h5>Editing:</h5>
    <ul>
      <li><i class="icon-cog"></i> | <strong>Edit Page</strong></li>
      <li><i class="icon-angle-down"></i> | <strong>Manage Subpages</strong></li>
      <li><i class="icon-plus-squared"></i> | <strong>Add Subpage</strong></li>
    </ul>
  </div>
  <div class="span6">
    <h5>Page Types:</h5>
    <ul>
      <li><i class="icon-newspaper"></i> | Activity Stream</li>
      <li><i class="icon-application"></i> | Basic</li>
      <li><i class="icon-blogs"></i> | Blog/Blog Post</li>
      <li><i class="icon-calendar-list"></i> | Calendar</li>
      <li><i class="icon-credit-card-green"></i> | Donation/Invoice</li>
      <li><i class="icon-envelope-label"></i> | Directory</li>
      <li><i class="icon-stamp"></i> | Endorsement</li>
      <li><i class="icon-calendar"></i> | Event</li>
      <li><i class="icon-question-octagon-frame"></i> | FAQ</li>
      <li><i class="icon-balloon"></i> | Feedback</li>
      <li><i class="icon-magnifier"></i> | Find Friends</li>
      <li><i class="icon-arrow-curve-180"></i> | Followers</li>
      <li><i class="icon-arrow-curve-000-left"></i> | Follows</li>
      <li><i class="icon-medal"></i> | Leaderboard</li>
      <li><i class="icon-bomb"></i> | Moneybomb</li>
      <li><i class="icon-clipboard-task"></i> | Petition</li>
      <li><i class="icon-jar"></i> | Political Capital</li>
      <li><i class="icon-megaphone"></i> | Press Release</li>
      <li><i class="icon-users"></i> | Recruiting</li>
      <li><i class="icon-popup"></i> | Redirect</li>
      <li><i class="icon-property"></i> | Rules</li>
      <li><i class="icon-user"></i> | Signup</li>
      <li><i class="icon-box"></i> | Suggestion Box</li>
      <li><i class="icon-tick"></i> | Survey</li>
      <li><i class="icon-hand"></i> | Volunteer Signup</li>
      <li><i class="icon-tick-octagon-frame"></i> | Vote Pledge</li>   
    </ul>
  </div>
</div>
{% endif %}